{% extends "AdminSalarySysMenu/MainMain.html" %}
{% load staticfiles %}
{% block loadJSfirst %}
<script>
  window.onload = function () {
    var RWrate = document.getElementById("RWrate").value;
    document.getElementById("RWrate1").style.width = RWrate + "%";
  }
</script>
{% endblock %}
{% block bodyhead %}

<body class="hold-transition skin-green-light sidebar-mini" onload="initPage()">

  {% endblock %}
  {% block MyXFind %}
  <li class="active">
      <a href="{% url 'GZGL:AdminSalarySysMenu' %}">
        <i class="fa fa-money"></i> <span> XFindSalary</span>
        <span class="pull-right-container">
          <i class="fa fa-angle-right pull-right"></i>
        </span>
      </a>
    </li>
  {% endblock %}
  {% block content %}
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Admin | XFindSalarySys
        <small id="showshow"></small> <small id="showshowshow"> </small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>

    </section>

    <!-- Main content -->
    <section class="content container-fluid">

      <!--------------------------
    | Your Page Content Here |
    -------------------------->


      <div class="row">
        <div class="col-xl-3 col-md-3 col-12 ">
          <div class="box">
            <div class="box-body">
              <div class="flexbox">
                <h4>业绩申报</h4>

              </div>

              <div class="text-center">
                <div class=" text-info" style="font-size:60px;">
                  {{SHOW.RW.ReportWorkingcount}}
                </div>
                {% if SHOW.RW.ReportWorkingcount == 0 %}
                <span class="control-label" style="color: #00a65a;">
                    <i class="fa fa-check"></i> 审批完成 </span>
                {% else %}
                <span class="control-label" style="color: #f39c12;">
                  <i class="fa fa-warning"></i> 待审批 </span>
                {% endif %}
              </div>
            </div>

            <div class="box-body bg-gray-light py-12">
              <span class="text-muted mr-1">BJS Time:</span>
              <span class="text-dark">9</span>
            </div>
            <div class="progress progress-xxs mt-0 mb-0">
              <div id="RWrate1" class="progress-bar bg-info" role="progressbar" style="width: 50%;" aria-valuenow="10"
                aria-valuemin="0" aria-valuemax="100"></div><input type="hidden" value="{{SHOW.RW.RWrate}}" id="RWrate">
            </div>
          </div>
        </div>
        <!-- /.col -->
        <div class="col-xl-3 col-md-3 col-12 ">
          <div class="box">
            <div class="box-body">
              <div class="flexbox">
                <h4>工资申报</h4>

              </div>

              <div class="text-center my-2">
                <div class=" text-red" style="font-size:60px;">{{SHOW.SA.ReportSalarycount}}</div>
                {% if SHOW.SA.ReportSalarycount == 0 %}
                <span class="control-label" style="color: #00a65a;">
                    <i class="fa fa-check"></i> 审批完成 </span>
                {% else %}
                <span class="control-label" style="color: #f39c12;">
                  <i class="fa fa-warning"></i> 待审批 </span>
                {% endif %}
              </div>
            </div>

            <div class="box-body bg-gray-light py-12">
              <span class="text-muted mr-1">Yesterday's overdue:</span>
              <span class="text-dark">9</span>
            </div>

            <div class="progress progress-xxs mt-0 mb-0">
              <div class="progress-bar bg-danger" role="progressbar" style="width: 52%; height: 3px;" aria-valuenow="45"
                aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
        <!-- /.col -->

        <div class="col-xl-3 col-md-3 col-12">
          <div class="box">
            <div class="box-body">
              <div class="flexbox">
                <h4>考勤审批</h4>

              </div>

              <div class="text-center my-2">
                <div class=" text-purple" style="font-size:60px;">{{SHOW.SI.ReportSigncount}}</div>
                {% if SHOW.SI.ReportSigncount == 0 %}
                <span class="control-label" style="color: #00a65a;">
                    <i class="fa fa-check"></i> 审批完成 </span>
                {% else %}
                <span class="control-label" style="color: #f39c12;">
                  <i class="fa fa-warning"></i> 待审批 </span>
                {% endif %}
              </div>
            </div>

            <div class="box-body bg-gray-light py-12">
              <span class="text-muted mr-1">Closed today:</span>
              <span class="text-dark">16</span>
            </div>

            <div class="progress progress-xxs mt-0 mb-0" >
              <div class="progress-bar bg-purple" role="progressbar" style="width: 75%; height: 3px;" aria-valuenow="45"
                aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
        <!-- /.col -->
        <div class="col-xl-3 col-md-3 col-12">
          <div class="box">
            <div class="box-body">
              <div class="flexbox">
                <h4>其他审批</h4>

              </div>

              <div class="text-center my-2">
                <div class=" text-success" style="font-size:60px;">{{SHOW.RO.ReportOthercount}}</div>
                {% if SHOW.RO.ReportOthercount == 0 %}
                <span class="control-label" style="color: #00a65a;">
                    <i class="fa fa-check"></i> 审批完成 </span>
                {% else %}
                <span class="control-label" style="color: #f39c12;">
                  <i class="fa fa-warning"></i> 待审批 </span>
                {% endif %}
              </div>
            </div>

            <div class="box-body bg-gray-light py-12">
              <span class="text-muted mr-1">Implemented:</span>
              <span class="text-dark">26</span>
            </div>

            <div class="progress progress-xxs mt-0 mb-0">
              <div class="progress-bar bg-success" role="progressbar" style="width: 65%; height: 3px;"
                aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
        <!-- /.col -->

      </div>





    </section>
  </div>
  <!-- /.content -->
  {% endblock %}